import React, { useEffect } from 'react';
import { useRouter } from 'next/router'
import CommonLayout from '../../components/shop/common-layout';
import ProductSection from './common/product_section';
// import { withApollo } from '../../helpers/apollo/apollo';
import LeftSidebarPage from './product/leftSidebarPage';
import CopyRight from "../../components/footers/common/copyrightnor"
import { toast } from 'react-toastify';

const LeftSidebar = () => {
  
  const router = useRouter();
  const id = router.query.id;

  return (
    <CommonLayout parent="Home" title="Product">
        <LeftSidebarPage pathId={id} />
        <div style={{ marginTop: 100 }}>
          <CopyRight></CopyRight>
        </div>
      {/* <ProductSection /> */}
    </CommonLayout>
  );
}


export default LeftSidebar;